<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>黄石物流后台管理系统</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
.roleClass{
	float:left;
	clear:both;
	border:1px solid #99BBE8;
	width:96%;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	font-size: 9pt;
}
.checkClass{
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	width:150px;
	font-size: 12px;
}
</style>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="80px">用户姓名</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryUserName" />
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="userGrid"></table>

<div id="addDlg" class="easyui-window" title="" closed="true" iconCls="icon-save" style="width:750px; height:400px;text-align:center; background: #fafafa;">
		<div class="easyui-layout" fit="true">
			<div region="center" border="false" style="background:#fff;border:1px solid #ccc;padding-left:20px;">
				<form id="addForm"  method="POST">
					<input type="hidden" id="submitType" />
					<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;">
						<tr>
							<td class="queryTitle" style="width:60px;"><span class="requiredTitle">*</span>登录帐号</td>
							<td class="queryContent">
								<input type="text" id="userId" name="userId" class="inputText easyui-validatebox" readonly="readonly" data-options="required:true,validType:'maxLength[40]'"/>
							</td>
							<td class="queryTitle" style="width:60px;"><span class="requiredTitle">*</span>用户姓名</td>
							<td class="queryContent">
								<input type="text" id="userName" name="userName" class="inputText easyui-validatebox"  required="true" data-options="validType:'maxLength[40]'" />
							</td>
						</tr>
						
						<tr>
							<td class="queryTitle">性别</td>
							<td class="queryContent">
								<select name="userSex" id="userSex" class="easyui-combobox" style="width: 80px" panelHeight="auto" editable="false">
								</select>
							</td>
							<td class="queryTitle">手机</td>
							<td class="queryContent">
								<input type="text" id="userMobile" name="userMobile" class="inputText easyui-validatebox" data-options="validType:['phone','length[0,40]']" />
							</td>
						</tr>
						
						<tr>
							<td class="queryTitle">电话</td>
							<td class="queryContent">
								<input type="text" id="userTel" name="userTel" class="inputText easyui-validatebox" data-options="validType:['phone','length[0,40]']"/>
							</td>
							<td class="queryTitle">电子邮件</td>
							<td class="queryContent">
								<input type="text" id="userEmail" name="userEmail" class="inputText easyui-validatebox" data-options="validType:['email','length[0,40]']"/>
							</td>
						</tr>
						<tr>
							<td class="queryTitle"><span class="requiredTitle">*</span>用户角色</td>
							<td class="queryContent" colspan="3"><div id="roleDiv" class="roleClass"></div></td>
						</tr>
					</table>
				</form>
				<div id="notice" style="color:red">
				<strong>注意：</strong>新增用户的默认密码和登录账号一致，请登录后及时更改！
				</div>
			</div>
			<div region="south" border="false" style="text-align:center;height:30px;line-height:30px;">
				<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doPostData()">确定</a>
				<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelPostData()">取消</a>
			</div>
		</div>
<script type="text/javascript" src="${ctx }/js/system/user.js"></script>
</body>
</html>
